@charset "utf-8";
.menus-list-div{overflow-x: auto;width: 100%;-webkit-overflow-scrolling: touch;background-color: #ffffff;}
.menus-list{width:100%;padding :10px 0 0 0;height: 35px;}
.menus-list li{width:20%;padding-bottom:18px;float: left;text-align: center;}
.menus-list li a{padding:5px 0 3px 0;font-size: 1.2rem;}
.menus-list li a.selected{color:#111111;border-bottom: 2px solid #111111; }
.container{position: relative;}
.topical-desc{background-color: #fff;border-bottom: 1px solid #f6f6f6;color:#111111;}
.topical-desc img{width:100%;height:auto;}
@media (max-device-width: 414px) and  (min-device-width: 414px){
    .topical-desc img{width:414px;height:auto;}
}
@media (max-device-width: 375px) and  (min-device-width: 375px){
    .topical-desc img{width:375px;height:auto;}
}
@media (max-device-width: 320px) and  (min-device-width: 320px){
    .topical-desc img{width:320px;height:auto;}
}
.topical-desc p{padding: 10px; border:none;line-height: 2.0rem; }

.order-div{position: relative;height:40px;line-height: 40px;text-indent: 15px; background-color: #f6f6f6;font-size:1.4rem;z-index: 100;width: 100%;border-bottom:1px solid #f6f6f6;}
.order-div div{display: inline-block;}
.order-div .order-icon{width:12px;height:12px;}
.order-div .order-icon-e{transform: rotatex(180deg);}

.order-type{position: relative;color:#333333;}
.order-ul{position:absolute;top:40px;left:0;z-index: 10;width: 100%;border-top:1px solid #f6f6f6;background-color: #fff;}
.order-ul li{display: block;padding: 0 15px;color: #666666; height:45px;line-height: 45px;border-bottom:1px solid #f6f6f6;width: 100%;}
.order-ul li:last-child{ }
.order-ul li.selected{color:#fc3063;background:url('/static/images/seclet_right.png') no-repeat right 65px center;background-size: contain;}

.goods-table{width:100%;table-layout:fixed;border: 0;border-spacing: 0;border-collapse: inherit ;background-color: #f6f6f6;}
.goods-table tr:first-child td{padding-top:0px}
.goods-table td.left{padding:3px 3px 3px 6px; }
.goods-table td.right{padding:3px 6px 3px 3px; }
.goods-table td>div{ height:100%;position: relative;background-color: #ffffff;display: inline-block;padding: 0 0 40px;}
.goods-pic{width: 100%;}
.goods-title{padding: 0 8px;margin-top:10px;overflow : hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.goods-desc{line-height: 2rem;padding: 0 8px;margin-top:7px; color:#999999; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.goods-table .goods-price{ text-indent: 8px;position: absolute;bottom: 12px;width: 100%;left: 0px;}

.goods-table .goods-price .ac-price{color:#fc3063;font-size:1.6rem;}
.goods-table .goods-price .or-price{color:#999999;font-size:1.4rem;text-decoration: line-through;margin-left:4px;}
@media screen and (max-device-width: 350px) {
    .goods-table .goods-price .ac-price{color:#fc3063;font-size:1.4rem;}
    .goods-table .goods-price .or-price{color:#999999;font-size:1rem;text-decoration: line-through;margin-left:4px;}
}
.goods-table .goods-price .add-buy{position: absolute;bottom:4px;right: 8px;width: 14px;height: 14px;}
.small{font-size: 1rem;}
.no-store{position: absolute;width:60px;height:60px;line-height:60px;z-index:9999;text-align:center;color:#ffffff;background-color: rgba(17, 17, 17, 0.9);border-radius:50%;font-size:1.5rem;top:50%;left: 50%;transform: translate(-50%, -50%);}

.fixed-div{width:100%;height: 100%;background-color: rgba(17, 17, 17, 0.7);position: fixed;z-index: 90;top:0;left: 0;}
.fixed-div-2{width:100%;height: 100%;background-color: rgba(17, 17, 17, 0.7);position: fixed;z-index: 249;top:0;left: 0;}
.menu-list{height:45px;padding:5px 0;z-index:99;border-top:1px solid #f4f4f4;position: fixed;bottom:0;width:100%;background-color:#fff;display:-moz-box; display:-webkit-box;display:box;-moz-box-align:center;-webkit-box-align:center;-o-box-align:center;box-align:center;}
.menu-list>div{color:#777777;position:relative;box-flex:1;-webkit-box-flex:1;-moz-box-flex:1;text-align:center;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;font-size: 1.2rem;}
.menu-list .menu-img{width:24px;height:24px;margin: 0 auto;position: relative; margin-bottom: 2px;}
.menu-list .select{color:#fc3063;}
.menu-list .menu-index{background:url("/static/images/index.png") no-repeat;background-size: cover;}
.menu-list .select .menu-index{background:url("/static/images/s_index01.png") no-repeat;background-size: cover;}
.menu-list .menu-cart{background:url("/static/images/cart.png") no-repeat;background-size: cover;}
.menu-list .select .menu-cart{background:url("/static/images/s_cart01.png") no-repeat;background-size: cover;}
.menu-list .menu-category{background:url("/static/images/category.png") no-repeat;background-size: cover;}
.menu-list .select .menu-category{background:url("/static/images/s_category01.png") no-repeat;background-size: cover;}
.menu-list .menu-person{background:url("/static/images/person.png") no-repeat;background-size: cover;}
.menu-list .select .menu-person{background:url("/static/images/s_person01.png") no-repeat;background-size: cover;}
.menu-list .point{z-index:9;position:absolute;left: 18px;top:-3px;padding:0 1px;min-width:14px;height:16px;line-height: 16px;border-radius: 8px;background-color: #fc3063;font-size: 1rem;color:#fff;}
